body {
    background: url("chrome://fireinput/skin/editor-background.jpg") repeat-x #9FA9B3;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 770px;
    min-height: 400px; 
    height: 700px; 
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: #454545;
}


.localEditor {
    position: relative;
    margin: 30px auto 0px auto; 
    padding: 0px;
    background-color: transparent; 
    min-width: 800px; 
}

.editorHead {
    height: 28px; 
    font-weight: bold;
    font-size: 17px;
    color: white; 
    text-align: center; 
    background-color: #6DA0D1;
    padding: 0px; 
    margin: 0px; 
    background: url("chrome://fireinput/skin/title-background.gif") repeat-x #75A2CE;
}
.editorHeadSaveFile {
    position: absolute; 
    top: 2px; 
    right: 0px; 
    width: 80px; 
    font-size: 12px; 
}

#editorToolbar {
    position: relative; 
    margin: 0px; 
    padding: 1px 0px 0px 0px; 
    background-color: #C9DBFB; 
    border: 1px solid green;
    overflow: auto; 
}

.helpHead {
    height: 25px; 
    display: block;
    padding: 0;
    margin: 0;
    background-color: #75A2CE;
}


.helpMenu {
    height: 20px; 
    float: right; 
    z-index: 100; 
    padding: 0; 
    margin: 0 2px 0 0; 
    font-weight: bold;
    font-size: 14px;
    color: white; 
}

.helpMenu:hover, .helpMenu:hover:active
{
    color: #F0F4CF; 
    cursor: pointer; 
    text-decoration: underline;
}

.editorContext {
    width: 748px; 
    height: 450px; 
    border: 2px solid #CFD9F4; 
    margin: 0; 
    background-color: #FFFFFF; 
    color: black;  
    font-size: 15px; 
}

.editorAction {
   margin: 0; 
   padding: 5px 0; 
   background-color: #9FA9B3;
   text-align: center; 
}

.helpContext
{
    position: absolute;
    display: none; 
    width: 220px; 
    height: 430px; 
    padding: 0; 
    margin: 0 2px 0 0; 
    font-size: 14px;
    color: black;
    border: 1px solid black;
    background-color: #CFD9F4; 
    z-index: 999; 
}

.helpContextItem
{
   width: 220px; 
   display: block; 
}
.helpContextKey
{
   width: 90px; 
   font-weight: bold;
   text-align: left; 
}

.helpContextKeyValue
{
   position: absolute;
   width: auto; 
   left: 120px; 
   text-align: left; 
}
/***********************************************************/
#main {
    position: relative; 
    margin: 50px auto; 
    padding: 0px;
    width: 735px;
    background-color: #FFFFF0;
}

.docSection {
    margin: 0;
    padding: 0;
    background-color: #DDEAFF;
}   

.keyHead {
    padding: 16px 0 4px 2px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 18px;
    font-weight: bold;
    width: auto;
}

.keyType {
    font-size: 15px;
    font-weight: bold;
    width: 200px;
}

.keyCode {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    width: auto; 
    left: 200px;
    text-align: left;
}

.imagebutton {
    margin: 0px; 
    height: 24px !important; 
    width: 24px !important; 
    cursor: pointer; 
    padding: 0px; 
    opacity:0.7;
    border:1px solid #C9DBFB; 
}

.imagebutton:hover {
    opacity:1.0; 
    background-color: #DFF1FF;
    border:1px solid #316AC5; 
}

.newimagebutton {
    background: url("chrome://fireinput/skin/editor/new.png") no-repeat top left;
}
.openimagebutton {
    background: url("chrome://fireinput/skin/editor/open.png") no-repeat top left;
}
.openfireimagebutton {
    background: url("chrome://fireinput/skin/editor/openfire.png") no-repeat top left;
}
.saveimagebutton {
    background: url("chrome://fireinput/skin/editor/save.png") no-repeat top left;
}

.saveasimagebutton {
    background: url("chrome://fireinput/skin/editor/saveas.png") no-repeat top left;
}
.savefireimagebutton {
    background: url("chrome://fireinput/skin/editor/savefire.png") no-repeat top left;
}
.printimagebutton {
    background: url("chrome://fireinput/skin/editor/print.png") no-repeat top left;
}

.cutimagebutton {
    background: url("chrome://fireinput/skin/editor/cut.png") no-repeat top left;
}

.copyimagebutton {
    background: url("chrome://fireinput/skin/editor/copy.png") no-repeat top left;
}

.pasteimagebutton {
    background: url("chrome://fireinput/skin/editor/paste.png") no-repeat top left;
}

.undoimagebutton {
    background: url("chrome://fireinput/skin/editor/undo.png") no-repeat top left;
}
.redoimagebutton {
    background: url("chrome://fireinput/skin/editor/redo.png") no-repeat top left;
}
.linkimagebutton {
    background: url("chrome://fireinput/skin/editor/link.png") no-repeat top left;
}
.unlinkimagebutton {
    background: url("chrome://fireinput/skin/editor/unlink.png") no-repeat top left;
}

.imageimagebutton {
    background: url("chrome://fireinput/skin/editor/image.png") no-repeat top left;
}

.tableimagebutton {
    background: url("chrome://fireinput/skin/editor/table.png") no-repeat top left;
}

.boldimagebutton {
    background: url("chrome://fireinput/skin/editor/bold.png") no-repeat top left;
}

.italicimagebutton {
    background: url("chrome://fireinput/skin/editor/italic.png") no-repeat top left;
}

.underlineimagebutton {
    background: url("chrome://fireinput/skin/editor/underline.png") no-repeat top left;
}

.underlinedoubleimagebutton {
    background: url("chrome://fireinput/skin/editor/underlinedouble.png") no-repeat top left;
}

.forecolorimagebutton {
    background: url("chrome://fireinput/skin/editor/fontcolor.png") no-repeat top left;
}

.backcolorimagebutton {
    background: url("chrome://fireinput/skin/editor/backcolor.png") no-repeat top left;
}

.alignleftimagebutton {
    background: url("chrome://fireinput/skin/editor/alignleft.png") no-repeat top left;
}
.alignrightimagebutton {
    background: url("chrome://fireinput/skin/editor/alignright.png") no-repeat top left;
}
.aligncenterimagebutton {
    background: url("chrome://fireinput/skin/editor/aligncenter.png") no-repeat top left;
}
.numberlistimagebutton {
    background: url("chrome://fireinput/skin/editor/numberlist.png") no-repeat top left;
}
.bulletlistimagebutton {
    background: url("chrome://fireinput/skin/editor/bulletlist.png") no-repeat top left;
}
.outdentimagebutton {
    background: url("chrome://fireinput/skin/editor/outdent.png") no-repeat top left;
}
.indentimagebutton {
    background: url("chrome://fireinput/skin/editor/indent.png") no-repeat top left;
}

.strikethroughimagebutton {
    background: url("chrome://fireinput/skin/editor/strikethrough.png") no-repeat top left;
}

.subscriptmagebutton {
    background: url("chrome://fireinput/skin/editor/subscript.png") no-repeat top left;
}
.superscriptmagebutton {
    background: url("chrome://fireinput/skin/editor/superscript.png") no-repeat top left;
}

.floatWindow {
    position: absolute; 
    display: none; 
    z-index:10; 
    width: 140px; 
    height: 200px; 
    margin:0px; 
    padding: 0px;
    background-color: white; 
    overflow: auto; 
    border: 1px solid #6DA0D1; 
}

.floatWindowItem {
    background-color: white; 
    border: 1px solid black;
    margin: 0px 2px 1px 2px; 
    padding: 2px; 
    width: 130px;
    height: 15px;  
    font-size: 15px; 
    cursor: pointer; 
    text-align: left; 
}

.floatWindowItem:hover {
    border: 1px solid blue; 
}

.inputblock {
    height: 16px; 
    width: 80px; 
    font-size: 12px; 
    cursor: pointer;   
    border: none; 
    padding-left: 5px; 
    font-family: Arial, Tahoma;
}

.inputblockArrow:hover {
    opacity:1.0;
    border:1px solid #316AC5;
}

.inputblockArrow {
    border: 1px solid #B7B7A6; 
    cursor: pointer;   
    opacity: 0.7; 
    width: 101px; 
    max-height: 18px; 
    background:  url("chrome://fireinput/skin/editor/arrowdown.gif") no-repeat 95% 50%; 
}

#styleFormat div, #fontSizeWindow div {
    font-weight: 900; 
}

.textbutton {
    font-family: Arial, Tahoma;
    font-size: 15px;
    opacity: 1.0; 
}
           
.viewsource {
    background: url("chrome://fireinput/skin/editor/code.png") no-repeat top left;
    padding-left: 22px; 
    padding-top: 3px; 
    width: 45px !important; 

}

.viewsourcing {
    background: url("chrome://fireinput/skin/editor/code.png") no-repeat top left;
    padding-left: 22px; 
    padding-top: 3px; 
    width: 45px !important; 
    opacity:1.0; 
    background-color: #EDC555; 
    border:1px solid #316AC5; 
}

.viewsourcing:hover {
    background-color: #EDC555 !important; 
}
     	
.embeddedForm {
    background: transparent; 
    border-top: 1px solid #495057; 
    margin: 0px 2px 0px 2px; 
    padding-top: 10px; 
    padding-left: 10px; 
    min-height: 50px; 
}

.textInputName {
    font-size: 15px; 
    font-family: Arial, Tahoma;
}

.textInput:hover {
    opacity:1.0;
    border:1px solid #316AC5;
}

.textInput {
    border: 1px solid #B7B7A6;
    cursor: pointer;
    opacity: 0.7;
    width: 250px;
    max-height: 18px;
}

.textInputField {
    height: 18px;
    width: 250px;
    font-size: 12px;
    border: none;
    padding: 0px;
    border-right: 1px solid #B7B7A6;
    padding-left: 2px; 
}

.textInputField:hover {
    opacity:1.0;
    border-right:1px solid #316AC5;
}
    
